<!DOCTYPE html>

<html lang="en" class="no-js">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<title>Nifty Modal Window Effects</title>
		<meta name="description" content="Nifty Modal Window Effects with CSS Transitions and Animations" />
		<meta name="keywords" content="modal, window, overlay, modern, box, css transition, css animation, effect, 3d, perspective" />
		<meta name="author" content="Codrops" />
		<link rel="shortcut icon" href="../favicon.ico"> 
		<link rel="stylesheet" type="text/css" href="motaikuang/css/default.css" />
		<link rel="stylesheet" type="text/css" href="motaikuang/css/component.css" />
		<script src="motaikuang/js/modernizr.custom.js"></script>
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	</head>
	<body>
		<!-- All modals added here for the demo. You would of course just have one, dynamically created -->

		<div class="md-modal md-effect-18" id="modal-18">
			<div class="md-content">
				<h3 style="background-color:#0e90d2;color: white;">Modal Dialog</h3>
				<div>
					<form role="form" id="form1" action="dept.action" >
						<div class="form-group">
							父级编号
							<input type="text" class="form-control" id="parent_id" name="parent_id" />
							编号
							<input type="text" class="form-control" id="dept_id" name="dept_id" />
							<label for="dept_name">名称</label><input type="text" class="form-control " id="dept_name" name="dept_name" required placeholder="请输入用户名"/>
						</div>
						<div class="form-group">
							<label for="order_num">排序</label><input type="text" class="form-control" id="order_num" name="order_num" />
						</div>
						<div class="form-group">
							<label for="leader">负责人</label><input type="text" class="form-control" id="leader" name="leader" />
						</div>
						<div class="form-group">
							<label for="phone">电话</label><input type="text" class="form-control" id="phone" name="phone" />
						</div>
						<div class="form-group">
							<label for="email">邮箱</label><input type="email" class="form-control" id="email" name="email" />
						</div>
					</form>
					<button class="md-close"style="background-color:#0e90d2;color: white;">Close me!</button>
				</div>
			</div>
		</div>

		<div class="container">

			<header style="background-color:#ffffff;color: white;">
			</header>
			<div class="main clearfix">
					<button class="md-trigger md-setperspective" data-modal="modal-18" style="background-color:#0e90d2;color: white;">修改</button>

				</div>
			</div>
		</div><!-- /container -->
		<div class="md-overlay"></div><!-- the overlay element -->

		<!-- classie.js by @desandro: https://github.com/desandro/classie -->
		<script src="motaikuang/js/classie.js"></script>
		<script src="motaikuang/js/modalEffects.js"></script>

		<!-- for the blur effect -->
		<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
		<script>
			// this is important for IEs
			var polyfilter_scriptpath = 'motaikuang/js/';
		</script>
		<script src="motaikuang/js/cssParser.js"></script>
		<script src="motaikuang/js/css-filters-polyfill.js"></script>
	</body>
</html>